<!DOCTYPE html>
<html>

<!-- 
#set($webRoot=$!link.getContextPath())
-->

<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>Monitor Tasks</title>
    <link rel="stylesheet" href="../asset-p/css-ist/di-product.css?__di__=1_0_0" />

    <style type="text/css">
        .block-body {
            padding: 10px;
            font-size: 12px;
        }
        .line-time {
            margin: 0 0 10px 0;
            overflow: hidden;
        }
        .time-form {
            float: left;
            vertical-align: top;
            margin-right: 10px;
        }
        .time-form .ui-calendar-plus {
            margin-right: 20px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
        }
        .adv-form-text {
            width: 115px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle;
        }
        .adv-form-item {
            width: 160px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle;
        }
        .adv-form-sep {
            margin-left: 20px;
        }
        .adv-ctrl-btn {
            float: left;
            vertical-align: top;
        }
        .table {
            border-top: 2px solid #2070BB;
            height: 400px;
        }
        .table-head-line {
            overflow: hidden;
            padding: 5px 0 5px 0;
        }
        .table-download-btn {
            float: right;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: middle;
        }
        .block-chart {
            margin-top: 15px;
            margin-bottom: 15px;
        }
        .chart-title {
            text-align: center;
            font-size: 18px;
            margin: 20px 0 10px 0;            
        }
        .chart-meta-label {
            margin-right: 10px;
            float: right;
            vertical-align: middle;
            line-height: 22px;
            margin-right: 20px;
        }
        .chart-meta-sel {
            float: right;
            margin-right: 20px;
        }
    </style>

</head>

<body class="di-page-html-body"><!-- escape enter
    --><div data-o_o-di="BODY" class="di-page-div-body">

        <div class="block-body" data-o_o-di="snpt-ist1">

            <!-- 条件 -->

            <div class="line-time">
                <div class="time-form" data-o_o-di="snpt-ist1.cpnt-ist1-form1">
                    <div data-o_o-di="snpt-ist1.vu-ist1-form1-time92"></div>
                    <div data-o_o-di="snpt-ist1.vu-ist1-form1-confirm9"></div>
                </div>
            </div>

            <!-- snippet qat11 -->

            <div data-o_o-di="snpt-ist11">
                <div>
                    <div class="chart-meta-sel" data-o_o-di="snpt-ist11.cpnt-ist11-chart-measuresel">
                        <div data-o_o-di="snpt-ist11.vu-ist11-chart-measuresel"></div>
                    </div>
                    <span class="chart-meta-label">选择指标：</span>
                </div>
                <div class="block-chart" data-o_o-di="snpt-ist11.cpnt-ist11-chart1">
                    <div class="chart-title">日报-P4P消费</div>
                    <div data-o_o-di="snpt-ist11.vu-ist11-chart1"></div>
                </div>
            </div>

            <!-- snippet ist12 -->

            <div data-o_o-di="snpt-ist12">
                <div class="di-table-area" data-o_o-di="snpt-ist12.cpnt-ist12-table1">
                    <div class="table-head-line"> 
                        <div class="table-download-btn" data-o_o-di="snpt-ist12.vu-ist12-table1-downloadbtn1"></div>
                    </div>
                    <div class="table" data-o_o-di="snpt-ist12.vu-ist12-table1"></div>
                </div>
            </div>

        </div>



        <script type="text/javascript">
            (function(NS) {
                NS.WEB_ROOT = '..';
                NS.HTML_DATA = {
                    globalType: 'PRODUCT',
                    userId: '5',
                    serverTime: (new Date()).getTime()
                };
            })(window.__$DI__NS$__ = {});
        </script>

        <script src="../asset-p/xcore.js?__di__=1_0_0" ></script>
        <script src="../asset-p/highcharts.js?__di__=1_0_10" ></script>
        <script src="../asset-p/ecui.js?__di__=1_0_10" ></script>
        <script src="../asset-p/xui-ui.js?__di__=1_0_10" ></script>
        <script src="../asset-p/di-product.js?__di__=1_0_10" ></script>

        <script type="text/javascript">
            (function(NS) {
                NS.xui.XView.start(
                    'di.product.display.ui.LayoutPage',
                    {
                        externalParam: {
                            xxxxexternal: '++==asfd',
                            yyyyexternal: 12344
                        },
                        reportTemplateId: 'dasdfsadfasdfasdfasdfsadfasdfasfsafsdafas',
                        // diAgent: 'STUB', // 为测试方便，注释掉
                        funcAuth: ["auth123", "funcAuth2"],
                        prodDef: {
                            // 属性名定义，可缺省
                            domAttrName: 'data-o_o-di',
                            depictPath: '../layout-tpl/PERSISTENT^_^insight_report^_^yusuankongzhiandcaiwufenxi_P4Pxiaofei^_^-1127396348.json'
                        }
                    }
                );
            })(window);
        </script>

    </div><!--
--></body>
</html>
